.projectArea {
  width: 100%;
  height: 300px; }
  .projectArea .navPane {
    width: 20%;
    height: 100%;
    border: 1px solid #333; }
    .projectArea .navPane .toolBar {
      height: 30px;
      width: 100%;
      background-color: #DDD; }
    .projectArea .navPane .previewPane {
      height: 300px; }
  .projectArea .workArea {
    width: 50%;
    height: 100%;
    border: 1px solid #333; }
    .projectArea .workArea .editPane {
      height: 350px;
      background-color: #DDD; }
    .projectArea .workArea .toolkitPane {
      width: 100%;
      height: 100px; }
  .projectArea .selectPane {
    width: 30%;
    height: 100%;
    border: 1px solid #333; }
    .projectArea .selectPane .resourcePane {
      background-color: #DDD;
      width: 100%;
      height: 70%; }
      .projectArea .selectPane .resourcePane .tabBar {
        background-color: #FFF;
        height: 30px;
        width: 100%; }
        .projectArea .selectPane .resourcePane .tabBar .tab {
          background-color: #DDD;
          margin: 5px;
          padding: 5px; }
      .projectArea .selectPane .resourcePane .resultPane {
        height: 80%;
        background-color: #DDD; }
    .projectArea .selectPane .selectionPane {
      height: 30%; }
    .projectArea .selectPane #imagesPane {
      display: none; }
    .projectArea .selectPane #selectedImagesPane {
      display: none; }

.slide {
  width: 90%;
  text-align: center;
  margin: 10px auto 5px; }
  .slide .slidePreview {
    width: 100%; }
  .slide .slideNumber {
    background: #111;
    color: #EEE;
    position: absolute;
    z-index: 100; }
